<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>

  *{
   margin:0;
   padding:0
  }

  </style>
</head>

<body>
  <div id ="box"> </div>

</body>

  <script>
  //dom将html 表现为一种树形结构
  //页面内的所有标签都是一个对象
  //我们称这个标签为  节点(dom对象 dom节点)
  //页面当中处处是节点
  //页面中的注释  换行  空格都是节点
  //一般操作节点 都是操作 标签节点 
  </script>
</html>